<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta name="description" content="消息详情-消息中心-个人中心-政府采购信息网">
    <meta name="keywords" content="消息详情">
    <link rel="icon" href="/web/img/favicon.ico">
    <link rel="shortcut icon" href="/web/img/favicon.ico">
    <!--    <link rel="stylesheet" href="//at.alicdn.com/t/font_2052942_xzk2q3ix0w.css">-->
    <title>消息详情-消息中心-个人中心-政府采购信息网</title>
    <style type="text/less">
        @import "/web/public/public.less";
        .container{
            #main{
                .clearfix;
                width: 1024px;
                margin: 0 auto;
                position: relative;
                padding-top: 23px;

                .aside-wrap{
                    width: 302px;
                    .fl;
                }
                .list-wrap{
                    width: 688px;
                    .fr;

                    .tab-list{
                        height: 50px;
                        background-color: #efefef;
                        .tab-item{
                            width: 136px;
                            line-height: 50px;
                            background-color: #ffffff;
                            border-top: 1px solid #3c76f5;
                            text-align: center;
                        }
                    }

                    .message-content{
                        margin-top: 20px;
                        .title{
                            text-align: center;
                            font-size: 18px;
                            line-height: 40px;
                        }
                        .date{
                            text-align: center;
                            font-size: 16px;
                            color: #767676;
                            line-height: 40px;
                        }
                        .content{
                            margin-top: 15px;
                            border-top: 1px solid #dddddd;
                            padding-top: 20px;
                        }
                    }
                }
            }
        }
    </style>

    <script src="/web/lib/less.min.js"></script>
    <script src="/web/lib/jquery-1.12.4.min.js"></script>
    <script src="/web/public/public.js"></script>
    <script src="/web/lib/jquery.pagination.js"></script>
</head>
<body>
<div class="container">
    <!--这里引入header-->
    <!--#include virtual="/web/html/header/header.htm"-->
    <div id="main">
        <div class="aside-wrap">
            <!--#include virtual="/web/html/fragment/personal/aside.htm"-->
        </div>
        <div class="list-wrap">
            <div class="tab-list">
                <div class="tab-item">
                    消息中心
                </div>
            </div>
            <div class="message-content">
                <div class="title"></div>
                <div class="date"></div>
                <div class="content"></div>
            </div>
        </div>
    </div>
    <!--#include file="/web/html/footer/footer.htm"-->
</div>
<script>
    $(function () {
        $('#personal-center-aside .aside-list .message').addClass('active');
        var messageId = utils.getQueryVariable('id');
        $.ajax({
            url:ports.getMyMessageDetail,
            data:{
                messageId:messageId
            },
            success:function (res) {
                console.log('获取我的消息详情',res);
                if(res.status==200){
                    var resData = res.data;

                    $('title').text(resData.messageTitle);
                    $('.message-content .title').html(resData.messageTitle);
                    $('.message-content .date').html(resData.publishTime);
                    $('.message-content .content').html(resData.messageContent);
                }
            }
        })
    })
</script>
</body>
</html>